/* stylelint-disable declaration-no-important, selector-max-compound-selectors */
.submit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row;

  &.submit_loading:disabled {
    color: transparent;
  }
}

.title {
  margin-bottom: 0;
  padding: 50px 50px 0 !important;
  font-family: 'Abhaya Libre', 'Times New Roman', Arial;
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  line-height: 24px;
  text-align: left;
  color: #262522;

  @media (--mobile) {
    padding: 50px 12px 0 !important;
  }

  @media screen and (max-width: 424px) {
    padding: 50px 0 0 !important;
  }
}

.body {
  @media (--mobile) {
    margin: 0 -40px;
  }

  @media screen and (max-width: 424px) {
    margin: 0 -48px;
  }
}

.footer {
  @media (--mobile) {
    margin: 0 -40px;
  }

  @media screen and (max-width: 424px) {
    margin: 0 -48px;
  }
}

.popup-buttons {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;

  > *:not(:last-child) {
    margin-right: 8px;
  }
}

.popup-button_submit {
  margin-right: 16px !important;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
:global {
  .team-popup {
    .modal-dialog {
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      padding: 0 15px;
      max-width: 640px;
    }
    .modal-body {
      @media (--mobile) {
        padding: 40px !important;
      }
    }
    .modal-content {
      height: 100%;
      background: white !important;
      border-radius: 32px !important;

      & > form {
        display: flex;
        flex-flow: column;
        height: 100%;
      }
    }
    .modal-header {
      padding-bottom: 16px !important;
      border: none !important;
    }
    .modal-title {
      width: auto !important;
    }
    .modal-body {
      padding: 0 80px 32px !important;
      color: #62625f !important;
      border: none !important;
    }
    .modal-footer {
      padding: 0 80px 80px !important;
      border: none !important;
      justify-content: left;
    }
    .modal-backdrop {
      background: #fec336;
    }
    .modal-backdrop.show {
      opacity: 0.7;
    }
  }
}
